import React, { Component } from 'react'
import bj_1 from "../images/user/bj_1.png"
import avatar from "../images/user/avatar.png"
import collect_3 from "../images/user/collect_3.png"
import note_1 from "../images/user/note_1.png"
import examination_me from "../images/user/examination_me.png"
import data_me from "../images/user/data_me.png"
import My_Profile from "../images/user/My Profile.png"
import Notice from "../images/user/Notice.png"
import About_us from "../images/user/About us.png"
import "./less/User.less"


export default class User extends Component {
  render() {
    return (
      <div className='user'>
        <div>
          <div className='top'>
            <img src={bj_1} width="100%" alt="" />
            <h2>个人中心</h2>
            <div className='top_name'>
              <img src={avatar} alt="" className='img' />
              <h1>Tomato</h1>
            </div>
          </div>
          <ul className='ul'>
            <li><div>
              <img src={collect_3} alt="" />
              <p className='p'>3</p>
              <p>收藏</p>
            </div></li>
            <li><div>
              <img src={note_1} alt="" />
              <p className='p'>1</p>
              <p>笔记</p>
            </div></li>
            <li><div>
              <img src={examination_me} alt="" />
              <p className='p'>3</p>
              <p>我的考试</p>
            </div></li>
            <li><div>
              <img src={data_me} alt="" />
              <p className='p'>3</p>
              <p>学习资料</p>
            </div></li>
          </ul>
        </div>
        <ul className='bottom'>
          <li>
            <div>
              <img src={My_Profile} alt="" />
              <h1>我的资料</h1>
            </div>
            <i className='iconfont icon-xiangyou'></i>
          </li>
          <li>
            <div>
              <img src={Notice} alt="" />
              <h1>系统公告</h1>
            </div>
            <i className='iconfont icon-xiangyou'></i>
          </li>
          <li>
            <div>
              <img src={About_us} alt="" />
              <h1>关于我们</h1>
            </div>
            <i className='iconfont icon-xiangyou'></i>
          </li>

        </ul>
      </div>
    )
  }
}